<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN"
        "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html>
<head>
    <title>博艺网 - APP下载地址</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
    <link href="/common/css/download.css" media="all" rel="stylesheet" type="text/css" />
    <#--<link href="/common/css/index.css" rel="stylesheet" type="text/css"/>-->
    <script type="text/javascript" src="/common/js/jquery-1.8.2.min.js"></script>
</head>
<body>
<div class="lunbo_header">
<#list adList as ad>
    <a target="_blank" href="<#if ad.getUrl()?? && ad.getUrl() != "">${ad.getUrl()!''}<#else >/ad?id=${ad.getId()}</#if>"><img src="http://img.boyitongcheng.com/${ad.getImgUrl()}"/></a>
</#list>
</div>

<div class="content">
    <div class="content-bottom-grids">
        <div class="container">
            <div class="col-md-6 content-bottom-grids-left">
                <div class="content-bottom-grids-left-grid frist-grid">
                    <h4>产品介绍</h4>
                    <p>博艺网是一站式婚礼电商采购平台。</p>
                    <p>微信公众号: 博艺同城 (boyi028)</p>
                </div>
                <span class="right-border"> </span>
            </div>
            <div class="clear"> </div>
            <div style="margin-left: 25%">
                <a class="try-demo" style="background: #68BDFF;" href="http://img.boyitongcheng.com/BoyiApp-v1.0-3.apk"> 安卓下载 </a>&nbsp;&nbsp;
                <a class="try-demo" href="#"> 苹果下载 </a>
            </div>
        </div>
    </div>
    <div class="latest-news">
        <div class="container">
            <!-- //requried-jsfiles-for owl -->
            <!-- start content_slider -->
            <div id="owl-demo1" class="owl-carousel">
                <div class="item">
                    <div class="recent-news-grid">
                        <div class="col-md-7 recent-news-grid-left">
                            <div class="recent-news-grid-left-grids">
                                <div class="recent-news-grid-left-grid">
                                    <img src="/common/images/p11.jpg"/>
                                    <div class="recent-news-grid-left-grid-info">
                                        <h4>【一键快捷找婚庆】</h4>
                                        <span>通过快速筛选，关键词搜索，方便快捷找到所需婚庆服务。</span>
                                    </div>
                                </div>
                                <div class="recent-news-grid-left-grid">
                                    <img src="/common/images/p6.jpg" />
                                    <div class="recent-news-grid-left-grid-info">
                                        <h4>【费用透明优惠多】</h4>
                                        <span>平台费用透明，更多的优惠打折活动，享受更优质的服务。</span>
                                    </div>
                                </div>
                                <div class="clear"> </div>
                            </div>
                        </div>
                        <div class="clear"> </div>
                    </div>
                </div>

                <div class="item">
                    <div class="recent-news-grid">
                        <div class="col-md-7 recent-news-grid-left">
                            <div class="recent-news-grid-left-grids">
                                <div class="recent-news-grid-left-grid">
                                    <img src="/common/images/p19.jpg"/>
                                    <div class="recent-news-grid-left-grid-info">
                                        <h4>【场地布置更加方便】</h4>
                                        <span>通过商家提供的案例照片，方便挑选钟意的风格。</span>
                                    </div>
                                </div>
                                <div class="recent-news-grid-left-grid">
                                    <img src="/common/images/p16.jpg" />
                                    <div class="recent-news-grid-left-grid-info">
                                        <h4>【婚礼用品一站采购】</h4>
                                        <span>覆盖各类婚礼用品，更方便新人购买、下单。</span>
                                    </div>
                                </div>
                                <div class="clear"> </div>
                            </div>
                        </div>
                        <div class="clear"> </div>
                    </div>
                </div>
            </div>
            <!--//sreen-gallery-cursual---->
        </div>
        <!----- latest-news ---->
    </div>
    <!---- content ---->
    <!--- footer ---->
    <div class="footer">
        <div class="container">
            <div class="footer-grids">
                <div class="clear"> </div>
                <!---- footer-logo ---->
                <div class="footer-logo text-center">
                    <p>版权所有</p>
                    <p>成都博艺天下网络科技有限公司</p>
                    <p><a href="/index?is_pc=true">电脑版</a></p>
                </div>
                <!---- footer-logo ---->
            </div>
        </div>
        <!--- footer ---->
    </div>
    <!---- container ---->
</body>
<script>
    $(function () {

        var headerImg = $('.lunbo_header img');
        var targetImg = $('.lunbo img');
        var lunbobtn = $('#lunbobtn li');
        var lunbo_txt = $('#lb_title li');
        var objInterval;
        var index = 0;

        //自动轮播
        function header_lunbo() {
            if (index > headerImg.length - 1) {
                index = 0;
            }
            $(headerImg).hide();
            $(headerImg[index]).show();
            index++;
        }

        //按钮轮播
        $(headerImg).each(function (btnindex) {
            $(this).hover(function () {
                        clearInterval(objInterval);
                        $(targetImg).hide();
                        $(targetImg[btnindex]).show();
                    },
                    function () {
                        index = btnindex + 1;
                        objInterval = setInterval(header_lunbo, 4000);
                    });
        });


//        objInterval = setInterval(header_lunbo, 4000);

        //自动轮播
        function lunbo() {
            if (index > targetImg.length - 1) {
                index = 0;
            }
            $(targetImg).hide();
            $(targetImg[index]).show();
            $(lunbobtn[index]).removeClass("btn").addClass("btnactive").siblings().removeClass("btnactive").addClass("btn");
            $(lunbo_txt[index]).removeClass("lb_title_txt").addClass("lb_title_txt_active").siblings().removeClass("lb_title_txt_active").addClass("lb_title_txt");
            index++;
        }

        objInterval = setInterval(lunbo, 3500);

        //按钮轮播
        $('#lunbobtn li').each(function (btnindex) {
            $(this).hover(function () {
                        $(this).removeClass("btn").addClass("btnactive").siblings().removeClass("btnactive").addClass("btn");
                        clearInterval(objInterval);
                        $(targetImg).hide();
                        $(targetImg[btnindex]).show();
                    },
                    function () {
                        index = btnindex + 1;
                        $(this).removeClass("btnactive").addClass("btn");
                        objInterval = setInterval(lunbo, 2000);
                    });
        });


    });


</script>
</html>